<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
    123
</div>
</body>
<script type="module">
    import App from "./components/App.js"
	new Vue({
		el: "#root",
        template:(`
            <p>456</p>
        `),
        // render 指定的渲染内容优先级高于template
        // render(createElement){
		// 	return createElement("span",89);
        // }

        // 可以接收一个对象（组件）
        // render(createElement){
		// 	return createElement({
        //         data(){
		// 			return {
		// 				num:1
        //             }
        //         },
        //         template:(`
        //             <button @click="fn">{{num}}</button>
        //         `),
        //         methods:{
		// 			fn(){
		// 				console.log(this)
		// 				this.num++
        //             }
        //         }
        //     })
        // }

		// render(createElement){
		// 	return createElement(App);
		// }

        beforeMount(){
			console.log("beforeMount");
        },
        //render:createElement=>createElement(App);
        // render:h=>h(App);
        render(h){
			console.log("render");
			return h(App)
        },
		mounted(){
			console.log("mounted");
        }
	})
</script>
</html>